<template>
	<view class="container">
		<view class="head">
			<!-- <image :src="`${baseurl}/navbar/zybg.png`" class="head-bg" /> -->
		</view>

		<view class="ctbody">
			<page-nav class="custom-title" title="企业主页" :leftShow="true" :titlecolor="'#FFFFFF'"> </page-nav>
			<scroll-view class="scroll-view" scroll-y="true">

				<view class="list">
					<view style="display: flex;">
						<image src="/static/images/wb.png" class="l" mode="widthFix"
							style="width: 80rpx; margin-right:10rpx;"></image>
						<view>
							<text style="font-size: 29rpx; font-weight: bold;">万科股份有限公司</text>
							<view style="margin: 10rpx 0rpx 10rpx 0rpx;">
								<text class="grgtext">存续</text>
								<text class="blgtext">小微企业</text>
								<text class="blgtext">新三板</text>
								<text class="blgtext">上市辅导</text>
							</view>
						</view>
					</view>
				</view>
				<view>
					<readmore></readmore>
				</view>

				<view class="list" style="display: flex;justify-content: space-around">
					<view style="text-align: center; width: 30%;">
						<view class="htab">法定代表人</view>
						<view class="hlval">雷XX</view>
					</view>
					<view class="vline" />
					<view style="text-align: center;  width: 30%;">
						<view class="htab">注册资本</view>
						<view class="hval">1800万人民币</view>
					</view>
					<view class="vline" />
					<view style="text-align: center; width: 30%;">
						<view class="htab">成立日期</view>
						<view class="hval">2010-03-03</view>
					</view>
				</view>
				<view style="padding: 0rpx 30rpx 0rpx 30rpx; background-color: #FFF;">
					<view style="border-top: 1px solid #dddddd; " />
				</view>
				<view class="list" style="display: flex;justify-content: space-around">
					<view style="text-align: center;  width: 30%;">
						<view class="htab">行业</view>
						<view class="hval">雷XX</view>
					</view>
					<view class="vline" />
					<view style="text-align: center;  width: 30%;">
						<view class="htab">规模</view>
						<view class="hval">1800万人民币</view>
					</view>
					<view class="vline" />
					<view style="text-align: center;  width: 30%;">
						<view class="htab">参保</view>
						<view class="hval">2010-03-03</view>
					</view>
				</view>

				<view class="cpypart" style="margin: 10rpx 0rpx 10rpx 0rpx; padding: 30rpx 30rpx;
					 background-color: #FFF;  display: flex;justify-content: space-between;  ">
					<view style="display: flex; font-size: 25rpx;">
						<u--image :src="`${baseurl}/company/dh.png`" mode="widthFix" width="18" height="18"
							class="head-bg" />
						<text class="blgtext">010-606060666</text>
						<text class="warntext">更多 4</text>
					</view>
					<view style="display: flex; font-size: 25rpx;">
						<u--image :src="`${baseurl}/company/dh.png`" mode="widthFix" width="18" height="18"
							class="head-bg" />
						<text class="blgtext">官网</text>

					</view>
					<view style="display: flex; font-size: 25rpx;">
						<u--image :src="`${baseurl}/company/dh.png`" mode="widthFix" width="18" height="18"
							class="head-bg" />
						<text class="blgtext">地址</text>

					</view>
					<view style="display: flex; font-size: 25rpx;">
						<u--image :src="`${baseurl}/company/dh.png`" mode="widthFix" width="18" height="18"
							class="head-bg" />
						<text class="blgtext">邮箱</text>
					</view>

				</view>


				<view class="list">
					<view class="lheader"><span class="na">股东</span> <span class="sp">66</span></view>
					<view class="rpart">
						<u-scroll-list :indicator="indicator">
							<view class="item" v-for="it in 10" @click="goperson">
								<view style="display: flex;margin-left: 10rpx;margin-top: 15rpx;">
									<u--image :showLoading="false" radius="10rpx"
										src='https://www.xrskfw.com/static/images/home/def.png' width="60rpx"
										height="60rpx" />
									<view
										style="display: flex; justify-content: center;align-items: center; margin-left: 10rpx; font-weight: bold;">
										军儿</view>
								</view>
								<view style="margin-left: 10rpx; line-height: 38rpx; font-size: 25rpx; ">
									持股比例77.8022%
								</view>
								<view style="margin-left: 10rpx;  line-height: 38rpx;  font-size: 25rpx; ">
									关联企业88家
								</view>
							</view>
						</u-scroll-list>
					</view>
				</view>
				<view class="list">
					<view class="lheader"><span class="na">高管</span> <span class="sp">66</span></view>
					<view class="rpart">
						<u-scroll-list :indicator="indicator">
							<view class="item" v-for="it in 10">
								<view style="display: flex;margin-left: 10rpx;margin-top: 15rpx;">
									<u--image :showLoading="false" radius="10rpx"
										src='https://www.xrskfw.com/static/images/home/def.png' width="60rpx"
										height="60rpx" />
									<view
										style="display: flex; justify-content: center;align-items: center; margin-left: 10rpx; font-weight: bold;">
										军儿</view>
								</view>
								<view style="margin-left: 10rpx; line-height: 38rpx; font-size: 25rpx; ">
									持股比例77.8022%
								</view>
								<view style="margin-left: 10rpx;  line-height: 38rpx;  font-size: 25rpx; ">
									关联企业88家
								</view>
							</view>
						</u-scroll-list>
					</view>
				</view>

				<view class="list">
					<view class="lheader"><span class="wna">风险扫描</span> <span class="sp"></span></view>
					<view class="rpart">
						<u-scroll-list :indicator="indicator">
							<view class="item" v-for="obj in risklist">
								<view
									style="display: flex;  padding: 5rpx 0rpx 5rpx 0rpx; line-height: 38rpx; margin-left: 10rpx; margin-top: 5rpx;">
									<text
										style="font-size: 28rpx; min-width: 130rpx; font-weight: 600; margin-right:5rpx ;">{{obj.title}}</text>
									<view style="font-size: 28rpx; font-weight: 600; color: #FE5A36;">{{obj.pCount0}}
									</view>
								</view>
								<view
									style=" display: flex;  padding: 5rpx 0rpx 5rpx 0rpx; margin-left: 10rpx; line-height: 38rpx; font-size: 25rpx; ">
									<view
										style="font-size: 28rpx;  min-width: 130rpx;color: #999999;  margin-right:5rpx ;">
										{{obj.param1}}</view>
									<text
										style="font-size: 28rpx;  border: 1rpx solid #FE5A36; color: #FE5A36;">{{obj.pCount1}}</text>
								</view>
								<view
									style="display: flex; padding: 5rpx 0rpx 5rpx 0rpx;  margin-left: 10rpx;  line-height: 38rpx;  font-size: 25rpx; ">
									<view
										style="font-size: 28rpx;  min-width: 130rpx;color: #999999;  margin-right:5rpx ;">
										{{obj.param2}}</view>
									<text
										style="font-size: 28rpx;  border: 1rpx solid #FE5A36; color: #FE5A36;">{{obj.pCount2}}</text>
								</view>
							</view>
						</u-scroll-list>
					</view>
				</view>

				<view class="list">
					<u-notice-bar :text="'通知公告'" mode="closable"></u-notice-bar>
				</view>



				<view class="list">
					<view class="lheader"><span class="na">星瑞图谱</span> <span class="sp"></span></view>
					<view class="tupurpart">
						<u-scroll-list :indicator="indicator">
							<view class="tupuitem" v-for="tupu in tupulist">

								<view class="tupupic"
									style=" display :flex; justify-content:  center; padding-top: 30rpx; height: 180rpx;">
									<u--image :src='tupu.url' mode="widthFix" width="120"></u--image>
								</view>
								<view style="display:flex;  font-size: 30rpx; justify-content: center;">{{tupu.name}}
								</view>

							</view>
						</u-scroll-list>
					</view>
				</view>



				<view style="background-color: #FFF">
					<view class="htitle">基本信息</view>
					<view style="border-top: 1px solid #cdcdcd;  background-color: #FFF">
						<u-grid :col="4">
							<u-grid-item v-for="obj in cpyjbxx">
								<view class="hitem" @click="goweidu">
									<view style="position: absolute; top:20rpx; right:20rpx; font-size: 28rpx;"
										class="grid-text">999+</view>
									<view style="display:flex; justify-content: center;">
										<image class="imgsize" mode="aspectFit" :src="obj.img"></image>
									</view>
									<view style="display:flex;  font-size: 28rpx; justify-content: center;"
										class="grid-text">{{obj.na}} </view>
								</view>
							</u-grid-item>
						</u-grid>
					</view>
					<view class="tailline"></view>
				</view>
				<view style="background-color: #FFF">
					<view class="htitle">法律诉讼</view>
					<view style="border-top: 1px solid #cdcdcd;  background-color: #FFF">
						<u-grid :col="4">
							<u-grid-item v-for="obj in cpyflss">
								<view class="hitem">
									<view style="display:flex; justify-content: center;">
										<image class="imgsize" mode="aspectFit" :src="obj.img"></image>
									</view>
									<view style="display:flex;  font-size: 28rpx; justify-content: center;"
										class="grid-text">{{obj.na}} </view>
								</view>
							</u-grid-item>
						</u-grid>
					</view>
					<view style="margin-top: -2rpx; border: 1rpx solid #cdcdcd;"></view>
				</view>

				<view style="background-color: #FFF">
					<view class="htitle">经营风险</view>
					<view style="border-top: 1px solid #cdcdcd;  background-color: #FFF">
						<u-grid :col="4">
							<u-grid-item v-for="obj in cpyjyfx">
								<view class="hitem">
									<view style="display:flex; justify-content: center;">
										<image class="imgsize" mode="aspectFit" :src="obj.img"></image>
									</view>
									<view style="display:flex;  font-size: 28rpx; justify-content: center;"
										class="grid-text">{{obj.na}} </view>
								</view>
							</u-grid-item>
						</u-grid>
					</view>
					<view class="tailline"></view>
				</view>

				<view style="background-color: #FFF">
					<view class="htitle">知识产权</view>
					<view style="border-top: 1px solid #cdcdcd;  background-color: #FFF">
						<u-grid :col="4">
							<u-grid-item v-for="obj in cpyzscq">
								<view class="hitem">
									<view style="display:flex; justify-content: center;">
										<image class="imgsize" mode="aspectFit" :src="obj.img"></image>
									</view>
									<view style="display:flex;  font-size: 28rpx; justify-content: center;"
										class="grid-text">{{obj.na}} </view>
								</view>
							</u-grid-item>
						</u-grid>
					</view>
					<view class="tailline"></view>
				</view>

				<view style="background-color: #FFF">
					<view class="htitle">经营信息</view>
					<view style="border-top: 1px solid #cdcdcd;  background-color: #FFF">
						<u-grid :col="4">
							<u-grid-item v-for="obj in cpyjyxx">
								<view class="hitem">
									<view style="display:flex; justify-content: center;">
										<image class="imgsize" mode="aspectFit" :src="obj.img"></image>
									</view>
									<view style="display:flex;  font-size: 28rpx; justify-content: center;"
										class="grid-text">{{obj.na}} </view>
								</view>
							</u-grid-item>
						</u-grid>
					</view>
					<view class="tailline"></view>
				</view>

				<view style="background-color: #FFF">
					<view class="htitle">企业发展</view>
					<view style="border-top: 1px solid #cdcdcd;  background-color: #FFF">
						<u-grid :col="4">
							<u-grid-item v-for="obj in cpyqyfz">
								<view class="hitem">
									<view style="display:flex; justify-content: center;">
										<image class="imgsize" mode="aspectFit" :src="obj.img"></image>
									</view>
									<view style="display:flex;  font-size: 28rpx; justify-content: center;"
										class="grid-text">{{obj.na}} </view>
								</view>
							</u-grid-item>
						</u-grid>
					</view>
					<view class="tailline"></view>
				</view>
				<!-- <view style="background-color: #FFF">
					<view class="htitle">历史信息</view>
					<view style="border-top: 1px solid #cdcdcd;  background-color: #FFF">
						<u-grid :col="4">
							<u-grid-item v-for="obj in cpyhis">
								<view class="hitem">
									<view style="display:flex; justify-content: center;">
										<image class="imgsize" mode="aspectFit" :src="obj.img"></image>
									</view>
									<view style="display:flex;  font-size: 28rpx; justify-content: center;"
										class="grid-text">{{obj}} </view>
								</view>
							</u-grid-item>
						</u-grid>
					</view>
					<view class="tailline"></view>
				</view> -->

 

			</scroll-view>



			<qyzytabbar></qyzytabbar>
		</view>

	</view>

</template>

<script> 
	import readmore from "@/components/readmore.vue"
	import qyzytabbar from "@/components/tab-bar/qyzy-tab-bar.vue"
	import config from '@/common/setting.js'
	import {
		getjbxx
	} from "@/api/mock/menu.js"
	import {
		jbxx,
		flss,
		zscq,
		jyfx,
		jyxx,
		qyfz,
	} from './company.js'
	export default {
		components: {
			readmore,
			qyzytabbar
		},
		data() {
			return {
				indicator: false,
				cpyjbxx: jbxx,
				cpyflss: flss,
				cpyjyfx: jyfx,
				cpyzscq: zscq,
				cpyjyxx: jyxx,
				cpyqyfz: qyfz,
				cpyhis: ['融资信息', '企业业务'],
				bor: false,
				baseurl: this.$store.state.ImgUrl,
				risklist: [{
						title: '自身风险',
						param1: "中风险",
						param2: "低风险",
						pCount0: 0,
						pCount1: 1,
						pCount2: 1,
					},
					{
						title: '提示信息',
						param1: "法律文书",
						param2: "开庭公告",
						pCount0: 0,
						pCount1: 1,
						pCount2: 1,
					},
					{
						title: '关联风险',
						param1: "关联企业",
						param2: "高风险",
						pCount0: 0,
						pCount1: 1,
						pCount2: 1,
					},
				],
				tupulist: [{
						url: this.$store.state.ImgUrl + '/company/gqjg.png',
						name: '股权结构'
					},
					{
						url: this.$store.state.ImgUrl + '/company/glgx.png',
						name: '关联关系'
					},
					{
						url: this.$store.state.ImgUrl + '/company/qylt.png',
						name: '企业链图'
					},
				],
			}
		},
		onLoad() {
			console.log('configconfigconfigconfig', this.$imgurl)
			getjbxx().then(data => {

				this.jbxx = data;
			})
		},
		methods: {
			goperson(){
				uni.navigateTo({
					url:'/pages/company/person'
				})
			},
			goweidu(){
				uni.navigateTo({
					url:'/pages/company/partinfo'
				})
			}
		}
	}
</script>

<style lang="scss">
	@import './company.scss';

	.container {
		background-color: #f7f7f7;
		min-height: 100vh;
		overflow: hidden;
		position: relative;
	}

	.head {
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
		min-height: 10vh;
		overflow: hidden;
		background: #2E69FF;
	}

	.ctbody {
		position: absolute;
		top: 0;
		z-index: 111;
		width: 100%;
		height: 100vh;

		.scroll-view {
			height: 85vh;
		}
	}
</style>